<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/common/common.jsp" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title>登录</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="登录">
	<meta http-equiv="description" content="This is my page">
	
	<script type="text/javascript" src="${CONTEXT_PATH}/js/outward/login.js"></script>

	<style type="text/css">
	.randomDiv
	{
		border-width:1px;
		border-style:solid;
		border-color:red;
		display:inline;
		color:blue;
		font-weight:bold;
		font-size:14px;
		letter-spacing:3px;
		padding:2px 2px 2px 2px;
		background-color:#FFFFFF;
	}
	
	form{height:100%;}
	
	.sysChn
	{
		color:blue;
		font-weight:bold;
		font-size:40px;
	}
	.sysEng
	{
		color:blue;
		font-weight:bold;
		font-size:20px;
	}
	</style>

  </head>
  
  <body>
    <center>
    	<s:form name="frm" id="frm" method="post" onsubmit="return login();" action="login" namespace="/user">
    		<table width="100%" height="100%" cellspacing="1" cellpadding="3" style="background-color:#76a7ec;">
    			<tr height="90%">
    				<td width="65%" align="right" valign="middle">
    					<table width="650px" height="450px" cellspacing="0" cellpadding="0" style="background-image:url(${CONTEXT_PATH}/images/common/loginBg.gif);background-repeat:no-repeat;">
    						<tr>
    							<td align="right" width="80px"></td>
    						</tr>
    					</table>
    				</td>
    				<td width="35%" align="right" valign="bottom">
    					<table width="100%" cellspacing="1" cellpadding="3">
    						<tr>
    							<td align="center" valign="middle" height="40px" class="sysChn">费用管理系统</td>
    						</tr>
    						<tr>
    							<td align="center" valign="middle" height="30px" class="sysEng">Expense Management System</td>
    						</tr>
    						<tr>
    							<td height="100px"></td>
    						</tr>
    					</table>
    					<table cellspacing="1" cellpadding="3">
    						<tr>
    							<td colspan="3" align="left" height="26px">
    								<FONT style="color:red; font-weight:bold; font-size:16px;">
    									<s:property value="message"/>
    								</FONT>
    							</td>
    						</tr>
    						<tr>
    							<td align="left" width="60">用户名：</td>
    							<td align="left" width="120">
    								<s:textfield name="user.id" id="userId" cssStyle="width:120px"></s:textfield>
    							</td>
    							<td align="left" width="100"></td>
    						</tr>
    						<tr>
    							<td align="left">密&nbsp;&nbsp;码：</td>
    							<td align="left">
    								<s:password name="user.password" id="password" cssStyle="width:120px"></s:password>
    							</td>
    							<td align="right"></td>
    						</tr>
    						<tr>
    							<td align="left">验证码：</td>
    							<td align="left" colspan="2">
    								<s:textfield id="checkNum" cssStyle="width:50px"></s:textfield>
    								<div id="randomDiv" class="randomDiv"></div>
    								&nbsp;
    								<a href="javascript:showRandomDigital(9)">换一张</a>
    							</td>
    						</tr>
    						<tr>
    							<td align="center" colspan="2">
    								<input id="loginBtn" type="submit" value="登录" class="btn" />
    							</td>
    							<td></td>
    						</tr>
    						<tr>
    							<td height="100" align="center" colspan="2"></td>
    							<td></td>
    						</tr>
    					</table>
    					
    				</td>
    			</tr>
    			<tr height="10%">
    				<td colspan="2" align="left" valign="middle">
    					<div style="display:inline-block; float:left">
	    					&nbsp;&nbsp;
	    					下载：<a href="${CONTEXT_PATH}/common/print/install_lodop.rar">打印插件</a>
    					</div>
    					<div style="display:inline-block; float:left">
    						
    					</div>
    				</td>
    			</tr>
    		</table>
    	</s:form>
    </center>
  </body>
</html>
